<!DOCTYPE html>
<html lang="en">

<head>
    <!-- #include file="../com/link.asp" -->
</head>

<body class="backCol">
    <!-- #include file="./header.asp" -->
    <div class="setQia">
        <div class="setQiaHeadList">
            <ul class="flexs">
                <li>
                    <a class="flexs" href="setQuestionnaire.asp">
                        <img src="../images/icon17.png" alt="">
                        <img class="hide" src="../images/icon17-1.png" alt="">
                        <span>问卷设置</span>
                    </a>
                </li>

                <li class="active">
                    <a class="flexs" href="setRedQuestionnaire.asp">
                        <img src="../images/icon18.png" alt="">
                        <img class="hide" src="../images/icon18-1.png" alt="">
                        <span>红包设置</span>
                    </a>
                </li>

                <li>
                    <a class="flexs" href="sendQuestionnaire.asp">
                        <img src="../images/icon19.png" alt="">
                        <img class="hide" src="../images/icon19-1.png" alt="">
                        <span>发送问卷</span>
                    </a>
                </li>
            </ul>
        </div>

        <div class="setHeadList">
            <span class="active">红包设置</span>
            <span>红包领取情况</span>
        </div>

        <!-- 红包设置 -->
        <div class="tableTogg flexs redMain flexsBet">
            <h5>金额设置</h5>
            <form class="layui-form setFrom" action="">
                <div class="flexs">
                    <div class="inp flexs">
                        <span>总金额</span>
                        <input type="number" name="title" required lay-verify="required" autocomplete="off"
                            class="layui-input">
                        <span>元</span>
                    </div>
                    <div class="inp flexs">
                        <span>总数量</span>
                        <input type="number" name="title" required lay-verify="required" autocomplete="off"
                            class="layui-input">
                        <span>个</span>
                    </div>
                </div>

                <div class="flexs inpRadio">
                    <input type="radio" name="sex" value="" title="每个红包金额随机">
                    <input type="radio" name="sex" value="" title="每个红包金额固定" checked>
                </div>
                <!-- <div style="margin-top: 20px;" class="flexs">
                    <div class="inp flexs">
                        <span>红包最小金额</span>
                        <input type="number" name="title" required lay-verify="required" autocomplete="off"
                            class="layui-input">
                        <span>元</span>
                    </div>
                    <div class="inp flexs">
                        <span>最大金额</span>
                        <input type="number" name="title" required lay-verify="required" autocomplete="off"
                            class="layui-input">
                        <span>元</span>
                    </div>
                </div> -->
                <div class="flexs submit">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">确认</button>
                    <p>您需要支付￥1元才能发放微信红包</p>
                </div>
            </form>
        </div>

        <!-- 红包领取情况 -->
        <div class="redTab tableTogg">
            <table class="layui-table" lay-even lay-skin="nob">
                <tr>
                    <td>领取号码：2323231311</td>
                    <td>领取时间：2021-5-14 16:00</td>
                    <td>领取金额：￥2.5</td>
                </tr>
                <tr>
                    <td>领取号码：2323231311</td>
                    <td>领取时间：2021-5-14 16:00</td>
                    <td>领取金额：￥2.5</td>
                </tr>
                <tr>
                    <td>领取号码：2323231311</td>
                    <td>领取时间：2021-5-14 16:00</td>
                    <td>领取金额：￥2.5</td>
                </tr>
            </table>
        </div>
    </div>
</body>
<script>
    $('.tableTogg').eq(0).css('display', 'flex')
    $('.setHeadList span').click(function () {
        let index = $(this).index()
        $(this).addClass('active').siblings().removeClass('active')
        $('.tableTogg').eq(index).css('display', 'flex').siblings('.tableTogg').hide()
    })
</script>

</html>